<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!-- 开发环境版本，包含了有帮助的命令行警告 -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
    <a href="#">{{ message }}</a>
    <span>{{ hello }}</span>
    <hr>
    <span></span>
    <a v-bind:href="url">戳</a>
    <br>
    <span :title="showmessage">鼠标放在这里</span>
</div>

<script type="text/javascript">

    let vm = new Vue({
        el: '#app',
        data: {
            message: '点我',
            hello: 'hi',
            url: 'http://www.baidu.com',
            showmessage: '当前的时间是' + new Date().toLocaleString(),
        }
    })
</script>
</body>
</html>